<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>马蜂窝国内机票预定 - 马蜂窝</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/header.css">
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="./css/footer.css">
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <div class="head-logo">
            <a class="mfw-logo" href="javascript:;" title="马蜂窝自由行">
                <img src="./images/header-sprites15@2x.png" alt="">
            </a>
        </div>
        <ul class="head-left-nav">
            <li class="head-nav-item">
                <a href="./home.html" class="nav-item">首页</a>
            </li>
            <li class="head-nav-item">
                <a href="./destination.html" class="nav-item">目的地</a>
            </li>
            <li class="head-nav-item">
                <a href="./travel-strategy.html" class="nav-item">旅游攻略</a>
            </li>
            <li class="nav-sales">
                <a href="./toTravel.html" class="sales-item">去旅行</a>
                <ul id="nav-sales">
                    <li><a href="./toTravel.html" class="sales-li-a">自由行</a></li>
                    <li><a href="./toTravel_packageTour.html" class="sales-li-a">跟团游</a></li>
                    <li><a href="javascript:;" class="sales-li-a">当地游</a></li>
                    <li><a href="javascript:;" class="sales-li-a">游轮</a></li>
                    <li><a href="./toTravel-visa.html" class="sales-li-a">签证</a></li>
                </ul>
            </li>
            <li class="head-nav-item">
                <a href="javascript:;" class="nav-item nav-first">机票火车票</a>
            </li>
            <li class="head-nav-item">
                <a href="./hotel.html" class="nav-item">订酒店</a>
            </li>
            <li class="nav-community">
                <a href="javascript:;" style="cursor: default;" class="community-item">社区</a>
                <div class="panel-wrapper">
                    <ul class="list-left">
                        <li><a href="javascript:;">问答</a></li>
                        <li><a href="javascript:;">马蜂窝周边</a></li>
                        <li><a href="javascript:;">蜂首</a></li>
                        <li><a href="javascript:;">结伴</a></li>
                    </ul>
                    <ul class="list-right">
                        <li><a href="javascript:;">小组论坛</a></li>
                        <li><a href="javascript:;">分舵同城</a></li>
                        <li><a href="javascript:;">马蜂窝拍卖行</a></li>
                        <li><a href="javascript:;">照片PK</a></li>
                        <li><a href="javascript:;">真人兽</a></li>
                        <li><a href="javascript:;">道具商店</a></li>
                    </ul>
                </div>
            </li>
            <li class="head-nav-item">
                <a href="./tourist.html" class="nav-item mfwzx">
                    <img src="./images/mfwzx.png" alt="">
                </a>
            </li>
        </ul>
        <div class="head-search">
            <input type="text">
            <i></i>
        </div>
        <ul class="head-right-nav">
            <li><a href="javascript:;"></a></li>
            <li><a href="javascript:;"></a></li>
            <li><a href="javascript:;"></a></li>
            <li><a href="javascript:;">登录</a></li>
            <li><span>|</span></li>
            <li><a href="javascript:;">注册</a></li>
        </ul>
    </div>
    <!-- 内容 -->
    <main>
        <div class="container">
            <!-- 国内机票 -->
            <div class="title">
                <span class="aircraft-icon"></span>
                <span>国内机票</span>
            </div>

            <div class="index-top">
                <div class="form">
                    <div class="radio">
                        <div class="single">
                            <div class="single-icon swich"></div>
                            <div class="single-text">单程</div>
                        </div>
                        <div class="round">
                            <span class="swich"></span>
                            <span class="single-text">往返</span>
                        </div>
                    </div>
                    <div class="search">
                        <div class="depCity">
                            <div class="city-title">出发城市</div>
                            <div class="city">
                                <input type="text" placeholder="中文/拼音/简拼" class="input-one">
                                <div>
                                    <div class="select-city">
                                        <div class="city-select">
                                            <div class="history">
                                                <div class="history-title">搜索历史：</div>
                                                <div class="history-content">武汉-昆明</div>
                                            </div>
                                            <ul class="tabar clear">
                                                <li class="active">国内热门</li>
                                                <li>ABCDE</li>
                                                <li>FGHJ</li>
                                                <li>KLMNP</li>
                                                <li>QRSTW</li>
                                                <li>XYZ</li>
                                                <li>国际港澳台</li>
                                            </ul>
                                            <ul class="city-item">
                                                <li>北京</li>
                                                <li>上海</li>
                                                <li>广州</li>
                                                <li>成都</li>
                                                <li>重庆</li>
                                                <li>西安</li>
                                                <li>昆明</li>
                                                <li>深圳</li>
                                                <li>杭州</li>
                                                <li>厦门</li>
                                                <li>长沙</li>
                                                <li>海口</li>
                                                <li>武汉</li>
                                                <li>乌鲁木齐</li>
                                                <li>郑州</li>
                                                <li>三亚</li>
                                                <li>贵阳</li>
                                                <li>南京</li>
                                                <li>青岛</li>
                                                <li>哈尔滨</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="switch">
                            <span>换</span>
                        </div>
                        <div class="arrCity">
                            <div class="city-title">到达城市</div>
                            <div class="city">
                                <input type="text" placeholder="中文/拼音/简拼" class="input-two">
                                <div>
                                    <div class="select-city2">
                                        <div class="city-select">
                                            <div class="history">
                                                <div class="history-title">搜索历史：</div>
                                                <div class="history-content">武汉-昆明</div>
                                            </div>
                                            <ul class="tabar clear">
                                                <li class="active">国内热门</li>
                                                <li>ABCDE</li>
                                                <li>FGHJ</li>
                                                <li>KLMNP</li>
                                                <li>QRSTW</li>
                                                <li>XYZ</li>
                                                <li>国际港澳台</li>
                                            </ul>
                                            <ul class="city-item2">
                                                <li>北京</li>
                                                <li>上海</li>
                                                <li>广州</li>
                                                <li>成都</li>
                                                <li>重庆</li>
                                                <li>西安</li>
                                                <li>昆明</li>
                                                <li>深圳</li>
                                                <li>杭州</li>
                                                <li>厦门</li>
                                                <li>长沙</li>
                                                <li>海口</li>
                                                <li>武汉</li>
                                                <li>乌鲁木齐</li>
                                                <li>郑州</li>
                                                <li>三亚</li>
                                                <li>贵阳</li>
                                                <li>南京</li>
                                                <li>青岛</li>
                                                <li>哈尔滨</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="start-time">
                            <div class="start-time-title">出发时间</div>
                            <div class="start-time-calendar">
                                <i class="start-time-icon"></i>
                                <input type="date" placeholder="yyyy-mm-dd">
                            </div>
                        </div>

                        <div class="end-time">
                            <div class="end-time-title">返回时间</div>
                            <div class="end-time-calendar">
                                <i class="end-time-icon"></i>
                                <input type="date" placeholder="yyyy-mm-dd">
                            </div>
                        </div>

                        <div class="children">
                            <div class="btn"></div>
                            <div class="test">
                                携带儿童
                                <span>(2-12岁)</span>
                            </div>
                            <div class="children-icon">
                                <div class="children-icon-text">
                                    <h2>儿童票购票说明</h2>
                                    <span>儿童票(2-12岁，按乘机当天的实际年龄计算)
                                    </span>
                                    <p>1. 2岁(含)-12岁(不含)请购买儿童票。票价为成人全价票的50%，不收取机场建设费，燃油费收取成人的50%。暂不支持儿童购买成人折扣票</p>
                                    <p>2. 购买儿童票时需同时购买成人票，一个成人最多携带两名儿童。已购买完成人票想要再补订儿童票时，请直接联系相应航空公司。</p>
                                    <p>3. 购买儿童票时可选择证件类型为身份证(填写户口本上登记的身份证号)，乘机时可用户口本登机。</p>
                                    <p>4. 在新增联系人时正常录入乘机人姓名和证件号码即可，系统会根据出生日期和乘机日期自动判断所选乘客是否为儿童，并计算相应的票价。</p>
                                </div>
                            </div>
                        </div>
                        <div class="search-btn">
                            <span class="search-btn-icon"></span>
                            <span class="search-btn-text">搜索</span>
                        </div>
                        <div class="search-message">
                            <div class="message-container">
                                <div class="message-icon"></div>
                                <div class="message-text">出发地不能为空哦</div>
                                <div class="message-btn">确定</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="banner">
                    <div class="imgBox">
                        <img src="./images/02.jpeg" alt="">
                    </div>
                </div>
            </div>

            <div class="sercive">
                <div class="flightpc flightpc-s1">
                    <i></i>
                    100%航协认证
                </div>
                <div class="flightpc flightpc-s2">
                    <i></i>
                    出行保证
                </div>
                <div class="flightpc flightpc-s3">
                    <i></i>
                    <span>
                        7x24小时服务<br>
                        <strong>4006345678转2</strong>
                    </span>
                </div>
            </div>
            <!-- 特价机票 -->
            <div class="title">
                <span class="aircraft-icon icon2"></span>
                <span>特价机票</span>
            </div>

            <div class="lpcticket">
                <ul class="figure">
                    <li>
                        <img src="./images/03.jpeg" alt="">
                        <div class="figure-title">
                            <span>广州</span>
                            -
                            <span>北京</span>
                            <span class="figure-price">￥456</span>
                        </div>
                    </li>
                    <li>
                        <img src="./images/04.jpeg" alt="">
                        <div class="figure-title">
                            <span>广州</span>
                            -
                            <span>天津</span>
                            <span class="figure-price">￥620</span>
                        </div>
                    </li>
                    <li>
                        <img src="./images/05.jpeg" alt="">
                        <div class="figure-title">
                            <span>广州</span>
                            -
                            <span>太原</span>
                            <span class="figure-price">￥350</span>
                        </div>
                    </li>
                    <li>
                        <img src="./images/06.jpeg" alt="">
                        <div class="figure-title">
                            <span>广州</span>
                            -
                            <span>大连</span>
                            <span class="figure-price">￥532</span>
                        </div>
                    </li>
                </ul>
                <ul class="place-nav">
                    <li class="nav-item active">上海</li>
                    <li class="nav-item">北京</li>
                    <li class="nav-item">成都</li>
                    <li class="nav-item">广州</li>
                    <li class="nav-item">重庆</li>
                    <li class="nav-item">西安</li>
                    <li class="nav-item">昆明</li>
                    <li class="nav-item">杭州</li>
                    <li class="nav-item">深圳</li>
                    <li class="nav-item">三亚</li>
                    <li class="nav-item">厦门</li>
                    <li class="nav-item">南京</li>
                </ul>
                <ul class="hotilne">
                    <li>
                        <div>
                            <span class="line">上海-北京</span>
                            <span class="type">特价</span>
                            <span class="price">￥284</span>
                        </div>
                    </li>
                    <li>
                        <div>
                            <span class="line">上海-天津</span>
                            <span class="type">特价</span>
                            <span class="price">￥142</span>
                        </div>
                    </li>
                    <li>
                        <div>
                            <span class="line">上海-太原</span>
                            <span class="type">特价</span>
                            <span class="price">￥203</span>
                        </div>
                    </li>
                    <li>
                        <div>
                            <span class="line">上海-大连</span>
                            <span class="type">特价</span>
                            <span class="price">￥193</span>
                        </div>
                    </li>
                    <li>
                        <div>
                            <span class="line">上海-沈阳</span>
                            <span class="type">特价</span>
                            <span class="price">￥163</span>
                        </div>
                    </li>
                    <li>
                        <div>
                            <span class="line">上海-长春</span>
                            <span class="type">特价</span>
                            <span class="price">￥178</span>
                        </div>
                    </li>
                    <li>
                        <div>
                            <span class="line">上海-哈尔滨</span>
                            <span class="type">特价</span>
                            <span class="price">￥203</span>
                        </div>
                    </li>
                    <li>
                        <div>
                            <span class="line">上海-呼和浩特</span>
                            <span class="type">特价</span>
                            <span class="price">￥431</span>
                        </div>
                    </li>
                    <li>
                        <div>
                            <span class="line">上海-石家庄</span>
                            <span class="type">特价</span>
                            <span class="price">￥281</span>
                        </div>
                    </li>
                    <li>
                        <div>
                            <span class="line">上海-厦门</span>
                            <span class="type">特价</span>
                            <span class="price">￥169</span>
                        </div>
                    </li>
                    <li>
                        <div>
                            <span class="line">上海-合肥</span>
                            <span class="type">特价</span>
                            <span class="price">￥432</span>
                        </div>
                    </li>
                    <li>
                        <div>
                            <span class="line">上海-青岛</span>
                            <span class="type">特价</span>
                            <span class="price">￥141</span>
                        </div>
                    </li>
                </ul>
            </div>
        </div> 
    </main>
    <!-- 底部 -->
    <footer>
        <div class="ft-content">
            <!-- ul加二维码 -->
            <div class="ft-info">
                <dl>
                    <dt>马蜂窝旅游网</dt>
                    <dd>中国年轻代用得更多的旅游网站</dd>
                    <dd>上亿旅行者共同打造的<span>"旅行神器"</span></dd>
                    <dd><span>60,000</span> 多个全球旅游目的地</dd>
                    <dd><span>600,000</span> 个细分目的地新玩法</dd>
                    <dd><span>760,000,000</span> 次攻略下载</dd>
                    <dd><span>38,000</span> 家旅游产品供应商</dd>
                </dl>
                <dl>
                    <dt>关于我们</dt>
                    <dd><span>关于马蜂窝</span><span>联系我们</span></dd>
                    <dd><span>隐私政策</span><span>商标声明</span></dd>
                    <dd>服务协议</dd>
                    <dd>商城平台服务协议</dd>
                    <dd>网络信息侵权通知指引</dd>
                    <dd>马蜂窝旅游网服务监督员</dd>
                    <dd>网站地图<span>加入马蜂窝</span></dd>
                </dl>
                <dl>
                    <dt>旅行服务</dt>
                    <dd>旅游攻略</dd>
                    <dd>酒店预订</dd>
                    <dd>旅游特价</dd>
                    <dd>国际租车</dd>
                    <dd>旅游问答</dd>
                    <dd>旅游保险</dd>
                    <dd>旅游指南</dd>
                    <dd>订火车票</dd>
                    <dd>旅游资讯</dd>
                    <dd>APP下载</dd>
                    <dd><span>旅行商城全球商家入驻</span></dd>
                </dl>
                <div class="pic">
                    <div class="pic-1">
                        <img src="https://p3-q.mafengwo.net/s10/M00/48/A9/wKgBZ1t_4sSAVJ6uAAAlzJ0PZgU881.png?imageMogr2%2Fthumbnail%2F%2194x90r%2Fgravity%2FCenter%2Fcrop%2F%2194x90%2Fquality%2F90"
                            alt="">
                        <p>马蜂窝APP<br>扫描立即下载</p>
                    </div>
                    <div class="pic-2">
                        <img src="https://p3-q.mafengwo.net/s10/M00/48/A9/wKgBZ1t_4sSAVJ6uAAAlzJ0PZgU881.png?imageMogr2%2Fthumbnail%2F%2194x90r%2Fgravity%2FCenter%2Fcrop%2F%2194x90%2Fquality%2F90"
                            alt="">
                        <p>马蜂窝旅游<br>订阅号</p>
                    </div>
                    <div class="pic-3">
                        <img src="https://p3-q.mafengwo.net/s10/M00/48/A9/wKgBZ1t_4sSAVJ6uAAAlzJ0PZgU881.png?imageMogr2%2Fthumbnail%2F%2194x90r%2Fgravity%2FCenter%2Fcrop%2F%2194x90%2Fquality%2F90"
                            alt="">
                        <p>马蜂窝良品<br>官方服务号</p>
                    </div>
                </div>
            </div>

            <!-- 旅游之前,先上马蜂窝! -->
            <div class="ft-center">
                <p>旅游之前,先上马蜂窝!</p>
                <ul>
                    <li><a href="#"><i></i></a></li>
                    <li><a href="#"><i></i></a></li>
                </ul>

            </div>

            <!-- 底部信息 -->
            <div class="ft-copyright">
                <div class="ft-copyright-top">
                    <div class="left"></div>
                    <p>@ 2021 Mafengwo.cn 京ICP备11015476号。<img
                            src="https://images.mafengwo.net/images/footer/police_record.png">京公网安备11010502013401号京ICP证110318号
                    </p>
                    <pre>网络出版服务许可证 增值电信业务经营许可证 营业执照广 播电视节目制作经营许可证 网络文化许可证 网上有害信息举报专区 帮助中心</pre>
                    <p>违法和不良信息举报电话: 010- 83416877举报邮箱: mfwjubao@mafengwo.com涉末成年人不良信息专用举报邮箱:
                        wcnjubao@mafengwo.com全国旅游投诉电话: 12301</p>
                    <p>马蜂窝客服 : 国内<span>4006 345-678</span> 海外 <span>+86- 10-8341-6888</span></p>
                </div>
                <!-- 三张图片 -->
                <div class="ft-copyright-bottom">
                    <a href="#"><span class="p1"></span></a><a href="#"><span class="p2"></span></a><a href="#"><span
                            class="p3"></span></a>
                </div>
            </div>
        </div>
         <!-- 侧边导航 -->
         <div class="toolbar">
            <div class="toolbar_item_1">
                <a href="javaScript:;">
                    <i></i>
                    <span>返回顶部</span>
                </a>
            </div>
            <div class="toolbar_item_2">
                <a href="javaScript:;">
                    <i></i>
                    <span>意见反馈</span>
                </a>
            </div>
            <div class="toolbar_item_3">
                <a href="javaScript:;">
                    <i></i>
                    <div class="toolbar_pic_3">
                        <img src="./images/wKgIC1t_6TuASybrAADGUPUHjr021.jpeg" alt="">
                    </div>
                </a>
            </div>
        </div>
    </footer>

    <script src="./js/jQuery.js"></script>
    <script src="./js/header.js"></script>
    <script src="./js/ticket.js"></script>
</body>

</html>